<template>
    <div>
        <!-- 搜索条 -->
        <!-- <search-bar></search-bar> -->
        <!-- 商品分类菜单 -->
        <!-- <div class="cate"> -->
            <!-- 左边菜单 -->
            <!-- <div class="left"> -->
                
            <!-- </div> -->
            <!-- 右边商标渲染 -->
            <!-- <div class="right"></div> -->
        <!-- </div> -->
    </div>
</template>
<script>
import SearchBar from "../../components/SearchBar"
export default {
    data(){
        return {

        }
    },
    // components:{
    //     "search-bar":SearchBar
    // }
}
</script>

<style lang="">
.cate{
    overflow: hidden;
    display: flex;
}
/* 左侧菜单 */
.cate .left{
    width: 200rpx;
    background-color: #eee;
    height: 200px;
}
/* 右侧商标渲染 */
.cate .right{
    flex: 1;
    height: 200px;
    background-color: #ccc;
}
</style>